<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>库存变动记录</title>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="//cdn.jsdelivr.net/jsbarcode/3.3.20/JsBarcode.all.min.js"></script>
</head>
<body>

<div>
    <!--startprint-->

    <style type="text/css">
        .record-box {
            position: relative;
            width: 900px;
            height: 500px;
            padding: 0 5px;
            font-size: 13px;
            color: #787878;
        }

        .record-head {
            margin: -20px 0 80px 0;
            height: 40px;
            line-height: 40px;
            font-size: 13px;
        }

        .record-head span {
            float: left;
        }

        .record-head i {
            float: right;
            font: normal 28px/30px Tahoma;
            cursor: pointer;
        }

        .record-code {
            position: absolute;
            left: 50%;
            top: 10px;
            margin-left: -110px;
            width: 220px;
            font-size: 14px;
            text-align: center;
        }

        .record-code img {
            display: block;
        }

        .record-code span {
            line-height: 2;
        }

        .record-box h2 {
            font-weight: normal;
            font-size: 20px;
            margin-bottom: 20px;
        }

        .record-info {
            line-height: 40px;
            overflow: hidden;
        }

        .record-info span {
            float: left;
            width: 33.3%;
        }

        .record-info span:nth-child(1) {
            text-align: left;
        }

        .record-info span:nth-child(2) {
            text-align: center;
        }

        .record-info span:nth-child(3) {
            text-align: right;
        }

        .record-table {
            /*max-height: 250px;*/
            overflow-y: auto;
        }

        .record-table table {
            width: 100%;
        }

        .record-table th, .record-table td {
            padding: 10px 0;
            font-size: 13px;
            text-align: center;
            border: 1px solid #787878;
        }

        .record-table th {
            padding: 5px 0;
            font-weight: normal;
        }

        .record-foot {
            margin: 10px 0;
            line-height: 40px;
            overflow: hidden;
        }

        .record-foot span {
            float: left;
            width: 20%;
            text-align: center;
        }

        .record-foot span:nth-child(1) {
            text-align: left;
        }

        .record-foot span:nth-child(3) {
            width: 25%;
        }

        .record-foot span:nth-child(5) {
            width: 15%;
            text-align: right;
        }

        .record-button {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 10px;
            text-align: center;
        }

        .record-button a {
            border: 1px solid #787878;
            padding: 10px 15px;
            font-size: 14px;
            color: #787878;
        }
    </style>

    <div class="record-box">
        <div class="record-table">
            <table>
                <thead>
                <tr>
                    <th>序号</th>
<!--                    <th>商品名称</th>-->
                    <th>SKU</th>
<!--                    <th>规格</th>-->
                    <th>变动</th>
                    <th>变后数量</th>
                    <th>来源</th>
                    <th>仓位</th>
<!--                    <th>类型</th>-->
                    <th>创建时间</th>
                    <th width="30%">备注</th>

                </tr>
                </thead>
                <tbody id="r-table">
                <tr th:each="item,vo :${lists}">
                    <td th:text="${lists.size() - vo.count + 1}"></td>
<!--                    <td th:text="${item.getGoodsName()}"></td>-->
                    <td th:text="${item.getSpecNumber()}"></td>
<!--                    <td>-->
<!--                        <b th:text="${item.getColorValue()}"></b>-->
<!--                        <b th:text="${item.getSizeValue()}"></b>-->
<!--                    </td>-->
                    <td >
                        <b th:if="${item.getType()==1 }" th:text="${'+'+item.getQuantity()}"></b>
                        <b th:if="${item.getType()==3}" th:text="${item.getQuantity()}" style="color: red"></b>
                        <b th:if="${item.getType()==2}" th:text="${'-'+item.getQuantity()}" style="color: red"></b>
                    </td>
                    <td th:text="${item.getCurrQty()}"></td>
                    <td th:text="${T(com.b2c.entity.enums.erp.EnumGoodsStockLogSourceType).getName(item.getSourceType())}"></td>
                    <td th:text="${item.getLocationNumber()}"></td>
<!--                    <td >-->
<!--                        <b th:if="${item.getType()==1}">入库</b>-->
<!--                        <b th:if="${item.getType()==2}">出库</b>-->
<!--                        <b th:if="${item.getType()==3}">盘点</b>-->
<!--                    </td>-->

                    <td >
                        <span th:if="${item.getCreateTime()==null}" th:text="${#dates.format(item.createOn*1000, 'yyyy-MM-dd HH:mm:ss')}"></span>
                        <span th:if="${item.getCreateTime()!=null}" th:text="${item.getCreateTime()}"></span>
                    </td>
                    <td th:text="${item.getRemark()}"></td>
                </tr>

                </tbody>
            </table>
        </div>
        <div class="pages">
            <paging:pager th:value="${pageIndex}" th:rows="${totalSize}" th:size="${pageSize}"/>
        </div>
    </div>
</div>
</body>
</html>